var delaySecs = 3; // Delay entre cambio y cambio de imagenes en el autoplay
var intervalID;
var  totalLis; // Numero total de li's del carrusel 1

$(document).ready(function() {
	
	var lis = $('.img_fotogalfull_01 .type1a .carruselcontainer ul li');
        var margin_l = 0;
        var ulWidth = 0;
        for(var i=0; i<lis.length; i++){
            margin_l += parseInt($(lis[i]).css("margin-left"));
            ulWidth += $(lis[i]).width();
            
        }
        $('.img_fotogalfull_01 .type1a .carruselcontainer ul').width(ulWidth + margin_l +4 );
        
        // Ponemos el texto del overlay Desktop en el Overlay del mobile
	$('.img_fotogalfull_01 .overlay_mobile p').text( $('.img_fotogalfull_01 .overlay p').text() );
	
	// Click en la imagen de la galeria
	$('.img_fotogalfull_01 .carrusel1_img').click( function (){
		
		// Quitamos el timer del autoplay
		//alert(intervalID);
		clearInterval(intervalID);
		
		// reseteamos los botones
		$('#videobtn').removeClass('stop');
		$('#videobtn').addClass('play');
		
		clickGaleria(this);
		
	});
	
	// Ponemos las ligas de compartir
	var obj = $('.img_fotogalfull_01 #firstImg');
	setShareURL(obj);
	
	// click en el boton de Play o pausa
	$('#videobtn').click( function (){	
		play();				
	});
	
	
	
	// Sacamos el total de los li's para saber cuando hacer scroll
	totalLis = $('.img_fotogalfull_01 #carrusel2_ul li').length;
	
	if ($.browser.msie && parseInt($.browser.version, 10) <= 7){
		var anchoVentna = document.body.offsetWidth;
		//alert($.width());
		//alert(document.body.offsetWidth);
	}
	else{
		var anchoVentna =  $(window).width();
	}
	
	
	
	var anchoUL_carrusel;
	
	if(anchoVentna > 590){
			
		anchoUL_carrusel = $('.img_fotogalfull_01 #carrusel2 #carrusel2_ul').width();
		//alert(anchoUL_carrusel);
	}
	
	$(window).resize(function() {
		//alert(ancho);
		if(anchoVentna < 590){
			
			$('.img_fotogalfull_01 #carrusel2 #carrusel2_ul').css('width','auto');
		}
		else{
			$('.img_fotogalfull_01 #carrusel2 #carrusel2_ul').css('width', anchoUL_carrusel);
		}
		
		
		// Ajustamos el tamaño del carrusel para respetar la col derecha
		ajustarTamanoCarrusel();
		
	});
	
	ajustarTamanoCarrusel();
        
        
    
    $(".img_fotogalfull_01 #carrusel1 .arrowRight a").addClass("wdg_carousa_right sprite carouselArrowRight");
    $(".img_fotogalfull_01 #carrusel1 .arrowLeft a").addClass("wdg_carousa_right sprite carouselArrowLeft");
    
});


// funcion que encuentra la siguiente imagen a hacer click tomando en cuenta la que está YA seleccionada
function findNextImgGallery(){
	
	
	
	// Buscamos la siguiente imagen
	var obj = $('.img_fotogalfull_01 .carrusel1_img  img.img_galry_01_selected').closest('li').next().find('.carrusel1_img');
	
	if( obj.is("a") ){
		
		clickGaleria(obj);
	}
	else{
		// Animamos el carrusel al inicio
		$('#division_dotted').animate({
				'scrollLeft': 0
		});
		
		var obj = $('.img_fotogalfull_01 #firstImg');
		clickGaleria(obj);
	}
	
	
	//alert($(obj).attr('id'));
}


// Funcion que simula un "click" en una imagen determinada de la galeria
function clickGaleria(obj){
	
	// si esta en autoplay paramos el timer para esperar a que cargue la nueva imagen
	if( $('#videobtn').hasClass('stop') ){
		clearInterval(intervalID);			
	}
	
	var imagen = $(obj).attr('img');
	var decription = $(obj).attr('title');
	
	
	//$(obj).parents('.img_fotogalfull_01').find('#img_galry_01_IMG').attr('src', imagen);
	//$(".img_fotogalfull_01 #img_fotogalfull_01_left #imgContainer").height( $(".img_fotogalfull_01 #img_galry_01_IMG").height() + 5 );
	
	// quitamos la imagen
	//$(".img_fotogalfull_01 #img_galry_01_IMG").remove();
	//$(".img_fotogalfull_01 #img_galry_01_IMG").attr("src",'');
	
    
	// Creamos una al vuelo
	/*var img = new Image();
	img.src = imagen;
	img.id = 'img_galry_01_IMG';
	img.onload = function() {*/
	
	$(".img_fotogalfull_01 #img_galry_01_IMG").attr("src",imagen).ready(function(){
		
		//alert('ya');
		// Agregamos la imagen
		//$(".img_fotogalfull_01 #img_fotogalfull_01_left #imgContainer").append(img);
		
		// YA QUE CARGÓ LA IMAGEN... ENTONCES... 
		
		// Ponemos el texto del overlay Desktop en el Overlay 
		$('.img_fotogalfull_01 .overlay_mobile p').text( decription );
		$('.img_fotogalfull_01 .overlay p').text( decription );
		
		//alert('q');
		// quitamos el borde
		$( '.img_fotogalfull_01 .carrusel1_img img' ).removeClass('img_galry_01_selected');
		
		
		// ponemos borde al anchor que le dieron click
		$(obj).children('img').addClass('img_galry_01_selected');
		
		// sacamos el NUMERO DE li que estara activo para saber si hacemos SCROLL en el carrusel1
		var selectedIndex = $('.img_fotogalfull_01 .carrusel1_img  img.img_galry_01_selected').closest('li').index() + 1;
		
		// Si esta corriendo el autoplay
		if ( $('#videobtn').hasClass('stop')  ){
			
			if ($.browser.msie && parseInt($.browser.version, 10) <= 7){
				var anchoVentna = document.body.offsetWidth;
				//alert($.width());
				//alert(document.body.offsetWidth);
			}
			else{
				var anchoVentna =  $(window).width();
			}
			
			if ( anchoVentna < 630 && ( selectedIndex == 6 || selectedIndex == 12 || selectedIndex == 18 || selectedIndex == 24 || selectedIndex == 30) ){
			
				//alert(selectedIndex);
				$('.img_fotogalfull_01 #carrusel1 #rightC1').click();
				
			}
			else if ( anchoVentna > 630 && ( selectedIndex == 10 || selectedIndex == 20 || selectedIndex == 30 || selectedIndex == 40 || selectedIndex == 50) ){
				$('.img_fotogalfull_01 #carrusel1 #rightC1').click();
			}
			
		}
	});
	
	// si esta en autoplay
	if( $('#videobtn').hasClass('stop') ){
		
		intervalID = window.setInterval("findNextImgGallery()", (delaySecs * 1000));
		
	}
	
	// ponemos los links de compartir
	setShareURL(obj);
	
}


function setShareURL(obj){
	
	var photo_id = $(obj).attr('idImg');
	
	// cambiamos el link de compartir de fb, tw y pn
	var shareUrl = window.location.href.substr(0, window.location.href.indexOf('#'));
	shareUrl = shareUrl + '#ph='+photo_id;
	
	var shareUrlBase = "http://www.televisa.com";
	
	//$('.img_galry_01 #lnk_pinterest').attr('href', $('.img_galry_01 #hidden_pinterest').attr('href')+shareUrlBase+shareUrl);
	$('.img_fotogalfull_01 #lnk_twitter').attr('href', 'https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Ftelevisa.com&via='+shareUrlBase+'/?u='+shareUrl);
	$('.img_fotogalfull_01 #lnk_facebook').attr('href', 'https://www.facebook.com/sharer/sharer.php?u='+shareUrlBase+shareUrl);
}


function ajustarTamanoCarrusel(){
	
	
	if ($.browser.msie && parseInt($.browser.version, 10) <= 7){
		var anchoVentna = document.body.offsetWidth;
		//alert($.width());
		//alert(document.body.offsetWidth);
	}
	else{
		var anchoVentna =  $(window).width();
	}
	
	
	
	// Ajustamos el tamaño dela col izq para respetar la col derecha
	
	// Tablet
	if( anchoVentna  <= 960)
		$('.img_fotogalfull_01 #img_fotogalfull_01_left').width( '100%' );
	// Desktop
	else
		$('.img_fotogalfull_01 #img_fotogalfull_01_left').width( anchoVentna - 360 );
		
		
	
	//Ajustamos el alto del a col derecha
	if( $('#img_galry_01_IMG').height() > 270)
		$('.img_fotogalfull_01 .txt1').height( $('#img_galry_01_IMG').height() - 185 );
		
	if( anchoVentna < 960)
		$('.img_fotogalfull_01 .txt1').height( 'auto' );
		
	
	/*Ajustamos el ancho del overlay*/
	if( anchoVentna <= 620 )
		$('.img_fotogalfull_01 .overlay').width( $('#img_galry_01_IMG').width() -30);
	else
		$('.img_fotogalfull_01 .overlay').width( $('#img_galry_01_IMG').width() - 102 );
	
}

// BTN FWD (mobile)
function fwd(){

	findNextImgGallery();
	
}

// Btn rwd (mobile)
function rwd(){

	var obj = $('.img_fotogalfull_01 #carrusel1_ul').find('.img_galry_01_selected').closest('li').prev().find('a');
	//alert( $(obj).attr('img') );
	
	if( obj.is("a") ){
		clickGaleria(obj);
	}
	else{
		
		//$('.img_fotogalfull_01 #firstImg').trigger('click');
		var obj = $('.img_fotogalfull_01 #firstImg');
		clickGaleria(obj);
		
		// Animamos el carrusel al inicio
		$('#division_dotted').animate({
				'scrollLeft': 0
		});
	}
	
	/*$('.img_fotogalfull_01 #carrusel1_ul').find('.img_galry_01_selected').removeClass('img_galry_01_selected');
	
	
	$('.img_fotogalfull_01').find('#img_galry_01_IMG').attr('src', '');
	$('.img_fotogalfull_01').find('#img_galry_01_IMG').attr('src', $(obj).attr('img'));
	$(obj).find('img').addClass('img_galry_01_selected');*/	
}

function play(){
	
	
	// si esta corriendo el autoplay
	if($('#videobtn').hasClass('stop')){
		
		$('.img_fotogalfull_01 .displayControls #pause').hide();
		$('.img_fotogalfull_01 .displayControls #play').show();
		
		//alert(intervalID);
		$('#videobtn').removeClass('stop');
		$('#videobtn').addClass('play');
		clearInterval(intervalID);
	}
	else{
		
		// Version mobile
		$('.img_fotogalfull_01 .displayControls #play').hide();
		$('.img_fotogalfull_01 .displayControls #pause').show();
		
		
		// version desktop
		$('#videobtn').removeClass('play');
		$('#videobtn').addClass('stop');
		
		
		intervalID = window.setInterval("findNextImgGallery()", (delaySecs * 1000));
	}
}